<%@ page language="java" contentType="text/html; charset=UTF-8" isELIgnored="false" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/common/layui/css/layui.css"
          media="all">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/common/bootstrap/css/bootstrap.css"
          media="all">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/common/global.css">
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/common/bootstrap/js/jquery-1.12.4.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/common/bootstrap/js/bootstrap.min.js"></script>
    <%--JQuery调用cookie方法--%>
    <script src="${pageContext.request.contextPath}/common/bootstrap/js/jquery.cookie.js" type="text/javascript"
            charset="utf-8"></script>
    <%--验证码--%>
    <script src="${pageContext.request.contextPath}/js/gVerify.js"></script>
    <script src="${pageContext.request.contextPath}/pageJs/LoginRegister/login.js"></script>
    <%--样式--%>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/pageCss/LoginRegister/login.css">
</head>
<body>
    <div class="container">
        <div class="col-sm-6 nav1"><br/><br/>
            <div class="form-group">
                <div class="col-sm-10 input-group">
                    <h3><b>登录</b></h3>
                </div>
                <label class="col-sm-1 control-label"></label>
            </div>
            <div class="col-sm-10">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label class="col-sm-1 control-label"></label>
                        <div class="col-sm-11 input-group">
                            <span class="ming_span">用户：</span>
                            <span id="user_name_span"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label"></label>
                        <div class="col-sm-11 input-group">
                            <span class="input-group-addon icon-user"><i class="glyphicon glyphicon-user"></i></span>
                            <input name="username" id="user_name" class="form-control" placeholder="手机号或者邮箱">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label"></label>
                        <div class="col-sm-11 input-group">
                            <span class="ming_span">密码：</span>
                            <span id="user_password_span"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label"></label>
                        <div class="col-sm-11 input-group">
                            <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                            <input name="password" id="user_password" type="password" class="form-control"
                                   placeholder="密码">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label"></label>
                        <div class="col-sm-11 input-group">
                            <span class="ming_span">验证码：</span>
                            <span id="user_verification_span"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label"></label>
                        <div class="col-sm-11 input-group">
                            <div id="v_container" class="col-lg-5" style="height: 50px;"></div>
                            <div class="col-sm-7" style="height: 50px;">
                                <input id="user_verification" placeholder="验证码" maxlength="4" class="form-control"
                                       style="height: 50px; font-size: 20px;">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label"></label>
                        <div class="col-sm-6">
                            <button type="button" id="btn_from" class="btn btn-primary btn-block">登录</button>
                        </div>
                        <div class="col-sm-4">
                            <a href="registered.jsp">
                                <button type="button" class="btn btn-primary btn-block">注册</button>
                            </a>
                        </div>
                        <label class="col-sm-1 control-label"></label>
                    </div>
                </form>
            </div>
        </div>
        <div class="col-sm-6 nav2"><br/><br/>
            <div class="form-group nav1-2">
                <label class="col-sm-1 control-label"></label>
                <div class="col-sm-10 input-group">
                    <h3><b>欢迎登录管理系统</b></h3>
                </div>
                <label class="col-sm-1 control-label"></label>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label"></label>
                <div class="col-sm-10 input-group">
                    <b style="font-size: 16px;">
                        <li id="user_v_code">:</li>
                        <li id="user_login">:</li>
                    </b>
                    <div id="myCarousel" class="carousel slide" style="margin-top: 10px;">
                        <!-- 轮播（Carousel）指标 -->
                        <%--
                        <ol class="carousel-indicators">
                            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                            <li data-target="#myCarousel" data-slide-to="1"></li>
                            <li data-target="#myCarousel" data-slide-to="2"></li>
                        </ol>
                        --%>
                        <!-- 轮播（Carousel）项目 -->
                        <div class="carousel-inner">
                            <div class="item active">
                                <img src="../../images/0.jpg" alt="First slide" style="width: 550px;height: 300px;">
                                <div class="carousel-caption"></div>
                            </div>
                            <div class="item">
                                <img src="../../images/1.jpg" alt="Second slide" style="width: 550px;height: 300px;">
                                <div class="carousel-caption"></div>
                            </div>
                            <div class="item">
                                <img src="../../images/2.jpg" alt="Third slide" style="width: 550px;height: 300px;">
                                <div class="carousel-caption"></div>
                            </div>
                            <div class="item">
                                <img src="../../images/3.jpg" alt="First slide" style="width: 550px;height: 300px;">
                                <div class="carousel-caption"></div>
                            </div>
                            <div class="item">
                                <img src="../../images/4.jpg" alt="Second slide" style="width: 550px;height: 300px;">
                                <div class="carousel-caption"></div>
                            </div>
                            <div class="item">
                                <img src="../../images/5.jpg" alt="Third slide" style="width: 550px;height: 300px;">
                                <div class="carousel-caption"></div>
                            </div>
                            <div class="item">
                                <img src="../../images/6.jpg" alt="First slide" style="width: 550px;height: 300px;">
                                <div class="carousel-caption"></div>
                            </div>
                            <div class="item">
                                <img src="../../images/7.jpg" alt="Second slide" style="width: 550px;height: 300px;">
                                <div class="carousel-caption"></div>
                            </div>
                            <div class="item">
                                <img src="../../images/8.jpg" alt="Second slide" style="width: 550px;height: 300px;">
                                <div class="carousel-caption"></div>
                            </div>
                        </div>
                        <!-- 轮播（Carousel）导航 -->
                        <a class="carousel-control left" href="#myCarousel"
                           data-slide="prev">&lsaquo;</a>
                        <a class="carousel-control right" href="#myCarousel"
                           data-slide="next">&rsaquo;</a>
                    </div>

                </div>
                <label class="col-sm-1 control-label"></label>
            </div>
        </div>
    </div>
</body>
</html>